div {
	overflow: hidden;
	width: 0px;
	height: 30px;
	margin: 50px auto;
	white-space: nowrap;
	font-size: 20px;
	border-right: 1px solid hotpink;
	animation: step 8s steps(11) infinite forwards, borderColor 0.3s steps(60, end) infinite alternate;
}

@keyframes step {
	0% {
		width: 0;
	}

	50% {
		width: 220px;
	}

	100% {
		width: 0;
	}
}

@keyframes borderColor {
	from {
		border-color: transparent;
	}

	50% {
		border-color: white;
	}

	100% {
		border-color: hotpink;
	}
}
